<template>
<div class="container-fluid">
  <div class="row" >
     <breadcrumb v-bind:paths="paths" v-bind:name="name" ></breadcrumb>
  </div>
  <div class="row msg" >
    <div class="col-lg-4" >
      <introduce v-bind:userId="$attrs.userId" ></introduce>
    </div>
    <div class="col-lg-8" >
       <el-tabs v-model="activeName" @tab-click="handleClick">
    <el-tab-pane  label="用户课程详细信息" name="first">
      <userCourse v-bind:userId="$attrs.userId" ></userCourse>
    </el-tab-pane>
    <el-tab-pane  label="代理商的课程包" name="second">
      <userPackage v-bind:userId="$attrs.userId" ></userPackage>
    </el-tab-pane>
  </el-tabs>
    </div>
  </div>
</div>
</template>

<script>
import introduce from "@/components/introduce.vue";
import userCourse from "./userCourse.vue"
import userPackage from "./userPackage.vue"
import breadcrumb from "@/components/breadcrumb.vue"
export default {
  data() {
    return {
      paths: [
        {
          name: "查看用户",
          path: '/user'
        }
      ],
      name: this.$attrs.userId,
      user: null,
      activeName: "second"
    };
  },
  mounted() {

  },
  methods: {
    onSubmit() {
      console.log("submit!");
    },
    handleClick(tab, event) {
      console.log(tab, event);
    }
  },
  components: {
    introduce,
    userCourse,
    userPackage,
    breadcrumb
  }
};
</script>

<style scoped>
</style>
